<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>

<section class="comments">
<article class="comment">
<a class="comment-img" href="#non">
<img src="http://lorempixum.com/50/50/people/1" alt="" width="50" height="50" />
</a>

<div class="comment-body">
<div class="text">
<p>Hello, this is an example comment</p>
</div>
<p class="attribution">by <a href="#non">Joe Bloggs</a> at 2:20pm, 4th Dec 2012</p>
</div>
</article>

<article class="comment">
<a class="comment-img" href="#non">
<img src="http://lorempixum.com/50/50/people/7" alt="" width="50" height="50">
</a>

<div class="comment-body">
<div class="text">
<p>This is a much longer one that will go on for a few lines.</p>
<p>It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.</p>
</div>
<p class="attribution">by <a href="#non">Joe Bloggs</a> at 2:23pm, 4th Dec 2012</p>
</div>
</article>

<article class="comment">
<a class="comment-img" href="#non">
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/572942_100000672487970_422966851_q.jpg" alt="" width="50" height="50">
</a>

<div class="comment-body">
<div class="text">
<p>Originally from <a href="http://cssdeck.com/item/301/timeline-style-blog-comments#comment_289">cssdeck.com</a> this presentation has been updated 
to looks more precisely to the facebook timeline</p>
</div>
<p class="attribution">by <a href="http://www.facebook.com/luky.TikTek">Luky Vj</a> at 2:44pm, 14th Apr 2012</p>
</div>
</article>
</section>​

</body>
</html>